<template>
  <view class="sk-container">
    <view class="container container data-v-eb64245c data-v-eb64245c">
      <view class="comImg comImg data-v-eb64245c data-v-eb64245c">
        <image class="comImg data-v-eb64245c sk-image" mode="scaleToFill"></image>
      </view>
      <view class="countDown countDown data-v-eb64245c data-v-eb64245c">
        <view class="countDownTitle countDownTitle data-v-eb64245c data-v-eb64245c">
          <label class="data-v-eb64245c sk-transparent sk-text-14-2857-625 sk-text"
            >距离比赛结束还有：</label
          >
          <view
            is="node-modules/@dcloudio/uni-ui/lib/uni-countdown/uni-countdown"
            class="data-v-eb64245c data-v-eb64245c"
          >
            <view
              class="uni-countdown countdown--uni-countdown data-v-342c352a countdown--data-v-342c352a"
            >
              <text
                class="uni-countdown__number countdown--uni-countdown__number data-v-342c352a countdown--data-v-342c352a sk-transparent sk-text-14-9999-527 sk-text"
                style="
                  color: rgb(51, 51, 51);
                  background-color: rgb(0, 122, 255);
                  font-size: 16px;
                  width: 25.1429px;
                  line-height: 22.8571px;
                  border-radius: 3.42857px;
                  background-position-x: 50%;
                "
                >13</text
              >
              <text
                class="uni-countdown__splitor countdown--uni-countdown__splitor data-v-342c352a countdown--data-v-342c352a sk-transparent sk-opacity"
                style="color: #333; font-size: 13.714285714285714px; margin: 4.571428571428571px"
                >天</text
              >
              <text
                class="uni-countdown__number countdown--uni-countdown__number data-v-342c352a countdown--data-v-342c352a sk-transparent sk-text-14-9999-471 sk-text"
                style="
                  color: rgb(51, 51, 51);
                  background-color: rgb(0, 122, 255);
                  font-size: 16px;
                  width: 25.1429px;
                  line-height: 22.8571px;
                  border-radius: 3.42857px;
                  background-position-x: 50%;
                "
                >23</text
              >
              <text
                class="uni-countdown__splitor countdown--uni-countdown__splitor data-v-342c352a countdown--data-v-342c352a sk-transparent sk-opacity"
                style="color: #333; font-size: 13.714285714285714px; margin: 4.571428571428571px"
                >:</text
              >
              <text
                class="uni-countdown__number countdown--uni-countdown__number data-v-342c352a countdown--data-v-342c352a sk-transparent sk-text-14-9999-798 sk-text"
                style="
                  color: rgb(51, 51, 51);
                  background-color: rgb(0, 122, 255);
                  font-size: 16px;
                  width: 25.1429px;
                  line-height: 22.8571px;
                  border-radius: 3.42857px;
                  background-position-x: 50%;
                "
                >59</text
              >
              <text
                class="uni-countdown__splitor countdown--uni-countdown__splitor data-v-342c352a countdown--data-v-342c352a sk-transparent sk-opacity"
                style="color: #333; font-size: 13.714285714285714px; margin: 4.571428571428571px"
                >:</text
              >
              <text
                class="uni-countdown__number countdown--uni-countdown__number data-v-342c352a countdown--data-v-342c352a sk-transparent sk-text-14-9999-741 sk-text"
                style="
                  color: rgb(51, 51, 51);
                  background-color: rgb(0, 122, 255);
                  font-size: 16px;
                  width: 25.1429px;
                  line-height: 22.8571px;
                  border-radius: 3.42857px;
                  background-position-x: 50%;
                "
                >43</text
              >
            </view>
          </view>
        </view>
      </view>
      <view class="detailBox detailBox data-v-eb64245c data-v-eb64245c">
        <view class="line data-v-eb64245c sk-transparent sk-text-14-2857-342 sk-text"
          >比赛信息</view
        >
        <view class="data-v-eb64245c data-v-eb64245c">
          <label class="comName data-v-eb64245c sk-transparent sk-text-14-2857-12 sk-text"
            >赛事名称：</label
          >
          <label class="detail data-v-eb64245c sk-transparent sk-text-14-2857-299 sk-text"
            >acm</label
          >
        </view>
        <view class="data-v-eb64245c data-v-eb64245c">
          <label class="comName data-v-eb64245c sk-transparent sk-text-14-2857-367 sk-text"
            >赛事时间：</label
          >
          <label class="detail data-v-eb64245c sk-transparent sk-text-14-2857-415 sk-text"
            >2024/2/15 - 2024/3/28</label
          >
        </view>
        <view class="data-v-eb64245c data-v-eb64245c">
          <label class="comName data-v-eb64245c sk-transparent sk-text-14-2857-234 sk-text"
            >队伍数量：</label
          >
          <label class="detail data-v-eb64245c sk-transparent sk-text-14-2857-839 sk-text"
            >671</label
          >
        </view>
        <view class="data-v-eb64245c data-v-eb64245c">
          <label class="comName data-v-eb64245c sk-transparent sk-text-14-2857-684 sk-text"
            >比赛类别：</label
          >
          <label class="detail data-v-eb64245c sk-transparent sk-text-14-2857-257 sk-text"
            >开发类</label
          >
        </view>
        <view class="data-v-eb64245c data-v-eb64245c">
          <label class="comName data-v-eb64245c sk-transparent sk-text-14-2857-467 sk-text"
            >比赛等级：</label
          >
          <label class="detail data-v-eb64245c sk-transparent sk-text-14-2857-50 sk-text"
            >C类</label
          >
        </view>
      </view>
      <view class="shortInfoBox shortInfoBox data-v-eb64245c data-v-eb64245c">
        <view class="line data-v-eb64245c sk-transparent sk-text-14-2857-661 sk-text"
          >比赛简介</view
        >
        <view class="comSubTitle data-v-eb64245c sk-transparent sk-text-14-2857-779 sk-text"
          >机不可失失不再来</view
        >
      </view>
      <view class="shortInfoBox shortInfoBox data-v-eb64245c data-v-eb64245c">
        <view class="line data-v-eb64245c sk-transparent sk-text-14-2857-893 sk-text"
          >详细介绍</view
        >
        <view class="comSubTitle data-v-eb64245c sk-transparent sk-text-14-2857-423 sk-text"
          >ACM (Association for Computing Machinery )
          中文:国际计算机学会。ACM是一个世界性的计算机从业员专业组织，创立于1947年，是世界上第一个科学性及教育性计算机学会，在全世界130多个国家和地区拥有超过10万名的会员。ACM是全世界计算机领域影响力最大的专业学术组织。</view
        >
      </view>
      <view class="grade grade data-v-eb64245c data-v-eb64245c">
        <view class="line data-v-eb64245c sk-transparent sk-text-14-2857-490 sk-text"
          >比赛评价</view
        >
      </view>
    </view>
  </view>
</template>
<style scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-625 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-9999-527 {
  background-image: linear-gradient(
    transparent 14.9999%,
    #eeeeee 0%,
    #eeeeee 85.0001%,
    transparent 0%
  ) !important;
  background-size: 100% 45.7142rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-9999-471 {
  background-image: linear-gradient(
    transparent 14.9999%,
    #eeeeee 0%,
    #eeeeee 85.0001%,
    transparent 0%
  ) !important;
  background-size: 100% 45.7142rpx;
  position: relative !important;
}
.sk-text-14-9999-798 {
  background-image: linear-gradient(
    transparent 14.9999%,
    #eeeeee 0%,
    #eeeeee 85.0001%,
    transparent 0%
  ) !important;
  background-size: 100% 45.7142rpx;
  position: relative !important;
}
.sk-text-14-9999-741 {
  background-image: linear-gradient(
    transparent 14.9999%,
    #eeeeee 0%,
    #eeeeee 85.0001%,
    transparent 0%
  ) !important;
  background-size: 100% 45.7142rpx;
  position: relative !important;
}
.sk-text-14-2857-342 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 44.8rpx;
  position: relative !important;
}
.sk-text-14-2857-12 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-299 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-367 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-415 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-234 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-839 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-684 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-257 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-467 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-50 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-661 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 44.8rpx;
  position: relative !important;
}
.sk-text-14-2857-779 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-893 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 44.8rpx;
  position: relative !important;
}
.sk-text-14-2857-423 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-490 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 44.8rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
